import request from '../../../utils/request'

Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 取消订单原因列表
    cancelReasons: [
      { text: '不需要此项服务了', isSelected: false },
      { text: '费用有点贵', isSelected: false },
      { text: '临时有事，不方便服务', isSelected: false },
      { text: '信息填写错误', isSelected: false },
      { text: '重复下单', isSelected: false }
    ],
    // 退款原因列表
    refundReasons: [
      { text: '服务质量不满意', isSelected: false },
      { text: '服务时间不合适', isSelected: false },
      { text: '临时有变，无法继续', isSelected: false },
      { text: '不需要此项服务了', isSelected: false },
      { text: '其他原因', isSelected: false }
    ],
    reasons: [], // 当前显示的原因列表
    hasSelected: false,
    orderId: null, // 订单ID
    selectedReason: '', // 选中的原因
    type: 'cancel', // 类型：cancel=取消订单，refund=退款
    pageTitle: '选择原因' // 页面标题
  },

  /**
   * 返回上一页
   */
  goBack() {
    wx.navigateBack();
  },

  /**
   * 选择原因（改为单选）
   */
  selectReason(e) {
    const index = e.currentTarget.dataset.index;
    const reasons = this.data.reasons.map((item, i) => {
      // 单选：只有当前点击的为true，其他都为false
      return {
        ...item,
        isSelected: i === index
      };
    });
    
    // 获取选中的原因文本
    const selectedReason = reasons[index].text;
    
    this.setData({
      reasons,
      hasSelected: true,
      selectedReason
    });
  },

  /**
   * 提交原因（取消订单或退款）
   */
  submit() {
    const { orderId, selectedReason, type } = this.data;
    
    if (!selectedReason) {
      const tipText = type === 'refund' ? '请选择退款原因' : '请选择取消原因';
      wx.showToast({
        title: tipText,
        icon: 'none'
      });
      return;
    }

    if (!orderId) {
      wx.showToast({
        title: '订单ID不存在',
        icon: 'none'
      });
      return;
    }

    // 显示加载状态
    wx.showLoading({
      title: '提交中...',
    });

    // 根据类型调用不同的接口
    if (type === 'refund') {
      // 调用退款接口
      this.submitRefund(orderId, selectedReason);
    } else {
      // 调用取消订单接口
      this.submitCancel(orderId, selectedReason);
    }
  },

  /**
   * 提交取消订单
   */
  submitCancel(orderId, reason) {
    request({
      url: `/le/management/cancelOrder?orderId=${orderId}&cancelReason=${encodeURIComponent(reason)}`,
      method: 'POST',
      success: (res) => {
        console.log('取消订单返回：', res);
        wx.hideLoading();
        
        if (res.statusCode === 200 && res.data.code === 200) {
          wx.showToast({
            title: '订单已取消',
            icon: 'success',
            duration: 2000
          });
          
          // 延迟返回订单列表页面
          setTimeout(() => {
            wx.navigateBack();
          }, 2000);
        } else {
          wx.showToast({
            title: res.data.msg || '取消失败',
            icon: 'none'
          });
        }
      },
      fail: (err) => {
        console.error('取消订单失败：', err);
        wx.hideLoading();
        wx.showToast({
          title: '网络请求失败',
          icon: 'none'
        });
      }
    });
  },

  /**
   * 提交退款申请
   */
  submitRefund(orderId, reason) {
    request({
      url: `/le/management/refundOrder?orderId=${orderId}&refundReason=${encodeURIComponent(reason)}`,
      method: 'POST',
      success: (res) => {
        console.log('退款申请返回：', res);
        wx.hideLoading();
        
        if (res.statusCode === 200 && res.data.code === 200) {
          wx.showToast({
            title: '退款申请已提交',
            icon: 'success',
            duration: 2000
          });
          
          // 延迟返回订单列表页面
          setTimeout(() => {
            wx.navigateBack();
          }, 2000);
        } else {
          wx.showToast({
            title: res.data.msg || '退款失败',
            icon: 'none'
          });
        }
      },
      fail: (err) => {
        console.error('退款申请失败：', err);
        wx.hideLoading();
        wx.showToast({
          title: '网络请求失败',
          icon: 'none'
        });
      }
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 接收订单ID参数
    if (options.orderId) {
      this.setData({
        orderId: options.orderId
      });
      console.log('接收到订单ID：', options.orderId);
    }

    // 接收类型参数（cancel=取消订单，refund=退款）
    const type = options.type || 'cancel';
    
    // 根据类型设置页面标题和原因列表
    if (type === 'refund') {
      wx.setNavigationBarTitle({
        title: '选择退款原因'
      });
      this.setData({
        type: 'refund',
        reasons: this.data.refundReasons,
        pageTitle: '选择退款原因'
      });
    } else {
      wx.setNavigationBarTitle({
        title: '选择取消原因'
      });
      this.setData({
        type: 'cancel',
        reasons: this.data.cancelReasons,
        pageTitle: '选择取消原因'
      });
    }

    console.log('页面类型：', type);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})